<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/head::commonHeaderCustom('返还课时课程信息',~{::style})">
<style>

</style>
</head>
<body>
<div class="ch-container">
    <div class="row">
        <div id="content" class="col-md-12 col-sm-12" style="padding:2px;width: 99%;">
            <div class="row">
                <div class="box col-sm-12" style="margin-top:5px;" >
                    <form class="form-horizontal" th:action="@{'/lesson/return/class/'+${lessonId}}" method="post" th:onsubmit="'return checkForm();'">
                        <fieldset style="border-top: 1px solid rgb(229, 229, 229);-webkit-padding-start: 25px">
                            <legend style="text-align: left;font-size: 14px;border: 0;width: auto;margin-bottom: auto;"><span style="font-weight:bold;">课程信息</span></legend>
                            <div class="form-group">
                                <div class="col-sm-1"> </div>
                                <div class="col-sm-4">
                                    <label class="control-label" style="margin-right: 10px;">上课老师:</label><span th:text="${lessonInfo.teacherLogin}" style="margin-right: 20px;"></span>
                                </div>
                                <div class="col-sm-4">
                                    <label class="control-label" style="margin-right: 10px;">上课时间:</label><span th:text="${#dates.format(lessonInfo.releaseTime,'yyyy/MM/dd H:m')}" style="margin-right: 20px;"></span>
                                </div>
                                <div class="col-sm-2">
                                    <label class="control-label" style="margin-right: 10px;">上课平台:</label><span th:text="${lessonInfo.classWayName}"></span>
                                </div>
                                <div class="col-sm-2">
                                    <label class="control-label" style="margin-right: 10px;">使用课时/币:</label><span th:text="${lessonInfo.classWayName}"></span>
                                </div>
                            </div>
                        </fieldset>
                        <fieldset style="border-top: 1px solid rgb(229, 229, 229);-webkit-padding-start: 25px">
                            <legend style="text-align: left;font-size: 14px;border: 0;width: auto;"><span style="font-weight:bold;">返还课时诉求</span></legend>
                            <div class="form-group">
                                <label class="control-label col-sm-2">调整理由:</label>
                                <div class="col-sm-8">
                                    <select id="teaSiteId" name="teaSiteId" class="form-control" th:onchange="|getTeacher()|">
                                        <option value="" >选择教学基地</option>
                                        <option th:each="item:${teaSite}" th:value="${item.id}" th:text="${item.name}"></option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-sm-2">问题描述:</label>
                                <div class="col-sm-8">
                                    <textarea name="content" rows="5" class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-sm-2">附件:</label>
                                <div class="col-sm-10">
                                    <div class="file-loading">
                                        <label>Preview File Icon</label>
                                        <input id="fileUpload" type="file" multiple>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <input type="hidden" name="lessonId" id="lessonId" th:value="${lessonInfo.lessonId}">
                                <input type="hidden" name="orderId" id="orderId" th:value="${lessonInfo.orderId}">
                                <input type="hidden" id="tokenString" th:value="${param.tokenString}">
                                <input id="recorder" th:value="${session.loginname}" type="hidden"/>
                                <input id="recordId" th:value="${session.userid}" type="hidden"/>
                                <div class="col-sm-11 text-center" >
                                    <button type="button" class="btn btn-default btn-md" onclick="layerClose()"> 取消 </button>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-primary btn-md" th:onclick="|saveChangeInfo()|"> 保存 </button>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include/onload_js::onloadJSCustom(~{::script})">
    <!--<script src="../../static/lesson/changeClass.js" th:src="@{/static/lesson/changeClass.js}"></script>-->
    <!-- 如果你想在上传之前修改图片大小需要加入canvas-to-blob.min.js  它必须在fileinput.min.js之前引入 -->
    <!--<script src="../../static/lib/bootstrap-fileinput/5.0.8/js/plugins/canvas-to-blob.min.js" th:src="@{/static/lib/bootstrap-fileinput/5.0.8/js/plugins/canvas-to-blob.min.js}" type="text/javascript"></script>-->
    <!-- 如果你想在最初的预览中排序/重新排列需要引入sortable.min.js  它必须在fileinput.min.js之前引入 -->
    <script src="../../static/lib/bootstrap-fileinput/5.0.8/js/plugins/sortable.min.js" th:src="@{/static/lib/bootstrap-fileinput/5.0.8/js/plugins/sortable.min.js}" type="text/javascript"></script>
    <!-- 如果你想在HTML文件预览中净化HTML内容则要引入purify.min.js is   它必须在fileinput.min.js之前引入 -->
    <script src="../../static/lib/bootstrap-fileinput/5.0.8/js/plugins/purify.min.js" th:src="@{/static/lib/bootstrap-fileinput/5.0.8/js/plugins/purify.min.js}" type="text/javascript"></script>
    <script src="../../static/lib/bootstrap-fileinput/5.0.8/js/fileinput.min.js" th:src="@{/static/lib/bootstrap-fileinput/5.0.8/js/fileinput.min.js}"></script>
    <script src="../../static/lib/bootstrap-fileinput/5.0.8/js/locales/zh.js" th:src="@{/static/lib/bootstrap-fileinput/5.0.8/js/locales/zh.js}"></script>
    <script>
        $(function () {

        });
        $("#fileUpload").fileinput({
            language: 'zh',
            // theme: 'fas',
            uploadUrl:'',
            browseOnZoneClick: true,
            showUpload: false,
            showCaption: false,
            showBrowse: false,
            browseClass: "btn btn-primary btn-md",
            fileType: "any",
            previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
            layoutTemplates: {
                actionUpload: ''//就是让文件上传中的文件去除上传按钮
//      actionDelete: '',//去除删除按钮
            },
        });
    </script>
</div>
</body>
</html>